<nav class="site-nav">
    <ul>
        <li><a class="{% if active == 'how_it_works' %}active{% endif %}" href="{% url how_it_works %}">How it works</a></li>
        <li><a class="{% if active == 'our_hoodies' %}active{% endif %}"href="{% url our_hoodies %}">Our Hoodies</a></li>
        <li><a class="{% if active == 'design_options' %}active{% endif %}"href="{% url our_hoodies %}#designoptions">Design Options</a></li>
        <li><a class="{% if active == 'pricing' %}active{% endif %}" href="{% url our_hoodies %}#pricing">Pricing</a></li>
        <li><a class="{% if active == 'faqs' %}active{% endif %}" href="{% url faqs %}">FAQs</a></li>
        <li><a class="{% if active == 'contact_us' %}active{% endif %}" href="{% url contact_us %}">Contact us</a></li>
    </ul>
</nav>